<template>
  <div class="homepage" style="text-align:center;">
      <el-row>
        <el-col :span="6">
          <el-card class="card2">
            待扩展
          </el-card>
        </el-col>
        <el-col :span="18">
          <div v-for="basicData in basicDatas" :key="basicData.id">
            <span>{{basicData.bname}}:{{basicData.bvalue}}</span>
            <el-divider content-position="right" class="el-divider_Split_line"><span class="span_Split_line">{{basicData.bremarks}}</span></el-divider>
          </div>
        </el-col>
      </el-row>
  </div>
</template>

<script>
import Basic from '@/model/basic'

export default {
  name: 'homepage',
  components: {
  },
  data() {
      return {
        basicDatas:[],
      };
    },
    async mounted() {
      const res = await Basic.getDetail();
      this.basicDatas = res.data;
    },
    methods : {
    }
  }
</script>

<style>
.homepage{
    font-size: 20px;
    height: 750px;
    width: 100%;
}
.el-divider_Split_line{

}
.span_Split_line{
    color: rgb(43, 152, 199);
    /* opacity: 0.8; */
    /* background-color: lightskyblue; */
}
.card2{
  margin-right: 13px;
  width: 100%;
  height: 525px;
}
</style>

